iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Modern Web

Node.js 非專業解說系列 第 3

DAY3: Node.js安裝環境

  • 分享至 

  • xImage
  •  

今天主要會說明Nodejs環境的安裝,
可以選擇在自己熟悉或是喜好的編輯器上進行操作。

首先安裝Node,可以到Node的官方網站進行下載

官網連結: https://nodejs.org/en/download/
https://ithelp.ithome.com.tw/upload/images/20210915/201402442VhdHcNTcg.jpg

請依照自身使用的用戶進行下載歐......
這邊示範的是Windows的用戶,點擊Window Installer進行下載。

https://ithelp.ithome.com.tw/upload/images/20210915/20140244WkE7lY8JRu.jpg

正在進行下載:

https://ithelp.ithome.com.tw/upload/images/20210915/20140244YTOQFmIF3o.jpg

下載完成後,請開啟:

https://ithelp.ithome.com.tw/upload/images/20210915/20140244YeOxEf4eLJ.jpg

接著一直點擊 Next,確認完所有安裝訊息後,進行安裝。
(由於我事前已經先安裝過了,安裝畫面過程沒辦法完整呈現…非常抱歉..)
接下來可以確認Nodejs指令是否能在Terminal執行,
[開始]-[搜尋]打上 powershell

https://ithelp.ithome.com.tw/upload/images/20210915/20140244EjvAV3yGoK.jpg

輸入node -v,按下[Enter]

https://ithelp.ithome.com.tw/upload/images/20210915/20140244vlySqYDU4u.jpg

這是用來看安裝的版本,而這裡安裝的版本是v14.17.5版本,也代表安裝成功!

接下來安裝自己熟悉或是喜好的編輯器上進行操作。
若本身有Visual studio 2019的環境可以參考以下:

一、Visual studio 2019:
進入到Visual studio 2019後請點擊[工具]->[取得工具與功能]

https://ithelp.ithome.com.tw/upload/images/20210915/20140244iq9hOqB2Wn.jpg
https://ithelp.ithome.com.tw/upload/images/20210915/20140244mmXlp2u6PV.jpg

點擊後會出現:

https://ithelp.ithome.com.tw/upload/images/20210915/20140244OQb7DsT0XF.jpg

請勾選工作附載中的[Node.js開發],點擊[修改]
更多的安裝附件可參考:
https://docs.microsoft.com/zh-tw/visualstudio/javascript/npm-package-management?view=vs-2019

二、Visual Code:
由於自己本身尚未安裝Visual code,故直接前往官網下載即可。
官網連結:https://code.visualstudio.com/

https://ithelp.ithome.com.tw/upload/images/20210915/20140244j7Yhv8uzST.jpg

總結:
今天示範Node所需要的環境,其實這篇看似簡單,但花了不少時間在選擇編輯器上...,可能有一點選擇困難症…,總之,自己熟悉就行了,哈哈哈哈哈,以上可以當作選擇的參考。


上一篇
DAY2: 何謂node.js?
下一篇
DAY4: Visual Code 的第一個Node.js與 Node一開始系統無法執行的解決辦法
系列文
Node.js 非專業解說30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言